<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.big{ width: 800px; height: 500px; border: 1px solid #000000; margin: 0 auto;}
			.big>div{ width: 200px; height: 200px; border-radius: 50%; float: left; margin: 10px; border: 1px solid #36E4BF; line-height: 200px; text-align: center; -webkit-animation:zhuan 1s linear infinite; background: pink;}
			@-webkit-keyframes zhuan{
				from{
					transform: rotate(0deg);
				}
				to{
					transform: rotate(360deg);
				}
			}
		</style>
	</head>
	<body>
		<div class="big">
			<div class="one">1</div>
			<div class="two">2</div>
			<div class="three">3</div>
		</div>
	</body>
</html>
